Day #25 Sliding Panels

Sandbox This is where you play

Instructions: Create sliding content panels with CSS3!

Slide from Top

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Slide from Right

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Slide from Bottom

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Slide from Left

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Final Result Use this for reference!

Slide from Top

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Slide from Right

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Slide from Bottom

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Slide from Left

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Information About this lesson

What are we making?

Fun & fancy ways to create sliding content panels in CSS3!

Where can I use it?

In your websites, client projects and applications as a way to display useful information when hovering over elements!

How compatible are these styles with major browsers?

Check the CSS3 styles from your stylesheet on this website. It allows you to see the compatibility of every CSS style with major browser.